<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<meta name="viewport"   content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<title>日照消防志愿者协会</title>

	<link rel="stylesheet" type="text/css" href="/html/css/style.css">
	<link rel="stylesheet" type="text/css" href="/html/css/swiper.min.css" />
	<script src="/html/js/jquery-3.4.1.min.js"></script>
	<script src="/html/js/swiper.min.js"></script>
</head>
<body style="margin: 0;">
<div>
	<div class="headers">
		<span></span>
		<p>日照消防志愿者协会</p>
		<span></span>
	</div>
	<div class="swiper-container">
		<div class="swiper-wrapper">
			<foreach name="slider" id="vo">
			<!--<div class="swiper-slide">{$vo.title}</div>-->
			<div class="swiper-slide">
				<a href="{$vo.url|default=''}"><img src="{:cmf_get_image_url($vo.image)}" title="{$vo.title|default=''}" width="100%" height="100%">
			</a>
			</div>
			</foreach>
		</div>
	</div>
	<div class="mainBox">
		<div class="to-page" data-url="join_us" style="border-bottom: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;">
			<img src="/html/img/jiaru.png"/>
			<div>
				<p>加入我们</p>
				<span>成为志愿者</span>
			</div>
		</div>
		<div class="to-page"  data-url="news"  style="border-bottom: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;">
			<img src="/html/img/xinwen.png"/>
			<div>
				<p>新闻中心</p>
				<span>新闻信息</span>
			</div>
		</div>
		<div class="to-page"  data-url="notice"  style="border-bottom: 1px solid #e5e5e5;">
			<img src="/html/img/gonggao.png"/>
			<div>
				<p>最新公告</p>
				<span>公告信息</span>
			</div>
		</div>
		<div class="to-page" data-url="program"   style="border-bottom: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;">
			<img src="/html/img/zhiyuan.png"/>
			<div>
				<p>志愿项目</p>
				<span>志愿者服务项目</span>
			</div>
		</div>
		<div  class="to-page" data-url="server"   style="border-bottom: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;">
			<img src="/html/img/fuwu.png"/>
			<div>
				<p>志愿者服务</p>
				<span>志愿者服务</span>
			</div>
		</div>
		<div  class="to-page"  data-url="scan"  style="border-bottom: 1px solid #e5e5e5;">
			<img src="/html/img/saoma.png"/>
			<div>
				<p>扫码打卡</p>
				<span>活动扫码打卡签到</span>
			</div>
		</div>
		<div class="to-page"  data-url="train"  style="border-right: 1px solid #e5e5e5;">
			<img src="/html/img/peixun.png"/>
			<div>
				<p>志愿者培训</p>
				<span>志愿者学习</span>
			</div>
		</div>
		<div class="to-page"  data-url="show"  style="border-right: 1px solid #e5e5e5;">
			<img src="/html/img/fengcai.png"/>
			<div>
				<p>志愿者风采</p>
				<span>个人新闻</span>
			</div>
		</div>
		<div class="to-page" data-url="personal"  >
			<img src="/html/img/geren.png"/>
			<div>
				<p>个人中心</p>
				<span>个人信息服务</span>
			</div>
		</div>
	</div>

	<div class="askfor">申请活动</div>


</div>
</body>
<script>
	var mySwiper = new Swiper('.swiper-container', {
		autoplay: 5000,//可选选项，自动滑动
	})

	var PC = IsPC();

	if (PC) {
		window.location.href = "{:url('/')}";
	}

	function IsPC() {
		var userAgentInfo = navigator.userAgent;
		var Agents = ["Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod"];
		var flag = true;
		for (var v = 0; v < Agents.length; v++) {
			if (userAgentInfo.indexOf(Agents[v]) > 0) {
				flag = false;
				break;
			}
		}
		return flag;
	}

	$('.to-page').off("click").on("click",function(e){
		var url = $(this)[0].dataset.url
		console.log(url)
		if(url=='personal'){
			window.location.href = '/mobile/personal/'+url
		}else{
			window.location.href = '/mobile/index/'+url
		}

	})
    

//    wx.ready(function () {   //需在用户可能点击分享按钮前就先调用
//	wx.updateAppMessageShareData({
//	    title: '日照市交警志愿者微官网', // 分享标题
//	    desc: '日照市交警志愿者服务网微信端', // 分享描述
//	    link: window.location.href, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
//	    imgUrl: 'http://rzjj.coolaring.com/themes/rzjj/public/assets/img/jinghui.png', // 分享图标
//	    success: function () {
//	      // 设置成功
//	    }
//	  })
//	});
</script>

</body>
</html>